.box2 {
  margin: 20px auto;
  width: 400px;
}
.box2 img {
  width: 100%;
  transition: all 0.5s;
}
.box2:hover img {
  transform: scale(0.6);
}
.box3 {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  background-color: green;
  background-image: linear-gradient(to top, red, green);
  background-image: linear-gradient(45deg, red, green);
  background-image: linear-gradient(#fff 10%, #000);
}
.boxcommon {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  background-color: green;
}
.box4 {
  border-radius: 50%;
  background-image: radial-gradient(100px at center center, red, #000);
}
